<template>
	<div class="iInfo" element-loading-text="加载中" v-loading="loading">
		<div class="flex">
			<div class="lumpBox">
				<div class="Lbox-form">
					<el-form :inline="true">
						<el-form-item label="筛选:">
							<el-input placeholder="请输入角色名称" clearable></el-input>
						</el-form-item>
						<el-form-item><el-button icon="el-icon-search" type="primary">查询</el-button></el-form-item>
					</el-form>
				</div>
				<div class="Lbox-title">
					<h2>权限管理</h2>
					<div style="padding:10px 0;"><el-button @click="$router.push({ path: '/power_set_up' })" icon="el-icon-plus" type="primary">添加</el-button></div>
				</div>
				<div class="Lbox-content">
					<el-table :data="list" border default-expand-all>
						<el-table-column align="center" label="创建时间" prop="created_at">2021-06-01 12:00:00</el-table-column>
						<el-table-column align="center" label="角色名称" prop="created_at">研发四部</el-table-column>
						<el-table-column align="center" label="备注" prop="created_at">研发四部基层员工权限</el-table-column>
						<el-table-column align="center" label="创建人" prop="created_at">果冻</el-table-column>
						<el-table-column align="center" label="操作">
							<template slot-scope="scope">
								<el-button @click="$router.push({ path: '/power_set_up' })" plain size="small" type="primary">修改</el-button>
							</template>
						</el-table-column>
					</el-table>
					<el-pagination :current-page="page" :total="total" @current-change="currentChange" class="Lpage" layout="prev,pager,next"></el-pagination>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'power',
	data() {
		return {
			list: [1, 2, 3],
			page: 1,
			total: 1,
			table_height: 0,
			loading: false
		};
	},
	components: {},
	created() {
		this.$emit('pass', '/power');
	},
	mounted() {},
	methods: {
		currentChange(num) {}
	}
};
</script>
